header {
    width: 3.75rem;
    height: 0.88rem;
    display: flex;
    flex-direction: column;
    background-color: tomato;
}

header .navigation {
    width: 3.75rem;
    height: 0.44rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

header .navigation p:nth-child(1) {
    width: 0.54rem;
    height: 0.19rem;
    color: #ffffff;
    font-family: "SFProText-Semibold";
    font-size: 0.15rem;
    font-weight: 400;
    line-height: 0.19rem;
    text-align: center;
    letter-spacing: -0.003rem;
}

header .navigation p:nth-child(2) {
    width: 0.54rem;
    height: 0.19rem;
    color: #ffffff;
    font-family: "SFProText-Semibold";
    font-size: 0.15rem;
    font-weight: 400;
    line-height: 0.19rem;
    text-align: center;
    letter-spacing: -0.003rem;
}

header .battery {
    width: 3.75rem;
    flex: 1;
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #eee;
}

.battery p:nth-child(2) {
    font-size: 0.18rem;
    margin-right: 1.55rem;
}

.navibar {
    background-color: tomato;
    color: #eee !important;
}

.cardcommod {
    width: 3.55rem;
    height: 1.3rem;
    /* border: 0.01rem solid blue; */
    background-color: white;
    margin: 0.2rem auto;
    display: flex;
    align-items: center;
    justify-content: space-around;

}

.piccommodi {
    width: 1.08rem;
    height: 1.08rem;
}

.piccommodi img {
    width: 1.08rem;
    height: 1.08rem;
}

.xiang {
    width: 2.08rem;
}

.xiang div:nth-child(1) span:nth-child(1) {
    width: 1.78rem;
    height: 0.32rem;
    color: #333333;
    font-family: "PingFangSC-Regular";
    font-size: 0.16rem;
    font-weight: 400;
    line-height: 0.16rem;
    overflow: hidden;
    white-space: nowrap;
    /*文字超出宽度则显示ellipsis省略号*/
    text-overflow: ellipsis;
}

.xiang div:nth-child(1) span:nth-child(2) {
    width: 2.06rem;
    height: 0.28rem;
    color: #999999;
    font-family: "PingFangSC-Regular";
    font-size: 0.14rem;
    font-weight: 400;
    line-height: 0.14rem;
    overflow: hidden;
    white-space: nowrap;
    /*文字超出宽度则显示ellipsis省略号*/
    text-overflow: ellipsis;
}

.jiang {
    position: relative;
}

.jiang a:nth-child(1) {
    width: 0.88rem;
    height: 0.1rem;
    color: #ff6040;
    font-family: "PingFangSC-Light";
    font-size: 0.1rem;
    font-weight: 400;
    line-height: 0.1rem;
    padding-top: 0.05rem;
}

.jiang p:nth-child(2) {
    width: 0.52rem;
    height: 0.16rem;
    color: #ff6040;
    font-family: "PingFangSC-Semibold";
    font-size: 0.2rem;
    font-weight: 400;
    line-height: 0.16rem;
    padding-top: 0.2rem;
    box-sizing: border-box;
}

.jiang p:nth-child(2) s {
    width: 0.33rem;
    height: 0.08rem;
    color: #999999;
    font-family: "PingFangSC-Semibold";
    font-size: 0.1rem;
    font-weight: 400;
    line-height: 0.08rem;

}

.steper {
    position: absolute;
    right: -1.2rem;
}

.addbtn {
    width: 3.75rem;
    height: 0.49rem;
    background-color: #eee;
    display: flex;
    justify-content: space-around;
    align-items: center;
    position: fixed;
    bottom: 0.6rem;
}

.addbtn .addche {
    width: 0.46rem;
    height: 0.17rem;
}

.addspan {
    width: 1.24rem;
    height: 0.3rem;
    font-size: 0.16rem;

}

.addspan span:nth-child(1) {
    color: #ff6040;
    font-family: "PingFangSC-Semibold";
    font-size: 0.16rem;
    font-weight: 400;
    line-height: 0.16rem;
}

.buttonconf {
    width: 0.94rem;
    height: 0.42rem;
    border-radius: 0.21rem;
    background: linear-gradient(180deg, #FF6040, #FF8A80);
    color: #ffffff;
    font-family: "PingFangSC-Semibold";
    font-size: 0.16rem;
    font-weight: 400;
    line-height: 0.42rem;
    text-align: center;
}
.shanchu{
    width: 0.6rem;
    position: absolute;
    right: 0.1rem;
    bottom: -0.2rem;
    padding: 0.05rem;
    box-sizing: border-box;
    border: 1px solid darkmagenta;
    border-radius: 30%;
}
.shanchu  span{
    padding: 0.05rem;
    box-sizing: border-box;
}
.shanchu span:nth-child(1){
    font-size: 0.2rem;
}
.gouwu{
    background-color: #F2F2F2;
    margin-top: 0.1rem;
}
.inp{
    width: 0.2rem;
    height: 0.2rem;
}
.addquan{
    font-size: 0.2rem;
}
.yangshi{
    height: 78vh;
    background-color: whitesmoke;
}